﻿//**********************图片上传预览插件************************
//作者：IDDQD(2009-07-01)
//Email：iddqd5376@163.com
//http://blog.sina.com.cn/iddqd
//版本：1.0

//说明：图片上传预览插件
//上传的时候可以生成固定宽高范围内的等比例缩放图

//参数设置：
//width                     存放图片固定大小容器的宽
//height                    存放图片固定大小容器的高
//imgDiv                    页面DIV的JQuery的id
//imgType                   数组后缀名
//**********************图片上传预览插件*************************
(function($) {
	//使用HTML5 File API, 來即時預覽image
	$(".J_uploadfile").change(function() {
	    var objUrl = getObjectURL(this.files[0]);
	    console.log("objUrl = "+objUrl);
	    if (objUrl) {
	        $(this).parent().parent().find('div.J_preview>img').attr("src", objUrl);
	        $(this).parent().parent().find('div.J_preview>img').fadeIn();
	    }
	});

	/**
	 * 建立一個可存取到該file的url
	 * PS: 瀏覽器必須支援HTML5 File API
	 */
	function getObjectURL(file) {
	    var url = null ;
	    if (window.createObjectURL!=undefined) { // basic
	        url = window.createObjectURL(file);
	    } else if (window.URL!=undefined) { // mozilla(firefox)
	        url = window.URL.createObjectURL(file);
	    } else if (window.webkitURL!=undefined) { // webkit or chrome
	        url = window.webkitURL.createObjectURL(file);
	    }
	    return url;
	}
})(jQuery);

